SherbyNet - /page/wikibook/entry.mu

Micron Document

<!DOCTYPE html>

<title>Graphics</title>

</head>

<span id="openzim-page-title" class="mw-page-title-main"><span class="mw-page-title-main">Graphics</span></span>

</h1>

</header>

/* start https://en.wikipedia.org/ */

.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}

/* end https://en.wikipedia.org/ */

</style><div role="note" class="hatnote navigation-not-searchable">"Graphic" redirects here. For other uses, see <a href="Graphic_(disambiguation)" class="mw-disambig" title="Graphic (disambiguation)">Graphic (disambiguation)</a>.</div>

<p>

<b>Graphics</b> (from <a href="Ancient_Greek_language" class="mw-redirect" title="Ancient Greek language">Ancient Greek</a> <i> </i><a href="https://en.wiktionary.org/wiki/%CE%B3%CF%81%CE%B1%CF%86%CE%B9%CE%BA%CF%8C%CF%82" class="extiw external" title="wikt:γραφικός">γραφικός</a><i> (graphikós)</i> <span class="gloss-quot">'</span><span class="gloss-text">pertaining to drawing, painting, writing, etc.</span><span class="gloss-quot">'</span>) are <a href="Visual_perception" title="Visual perception">visual</a> <a href="Image" title="Image">images</a> or <a href="Design" title="Design">designs</a> on some surface, such as a wall, <a href="Canvas" title="Canvas">canvas</a>, screen, <a href="Paper" title="Paper">paper</a>, or stone, to inform, <a href="Illustration" title="Illustration">illustrate</a>, or entertain. In contemporary usage, it includes a pictorial representation of data, as in design and manufacture, in typesetting and the graphic arts, and in educational and recreational <a href="Software" title="Software">software</a>. Images that are generated by a computer are called <a href="Computer_graphics_(computer_science)" title="Computer graphics (computer science)">computer graphics</a>.

</p><p>Examples are <a href="Photograph" title="Photograph">photographs</a>, <a href="Drawings" class="mw-redirect" title="Drawings">drawings</a>, <a href="Line_art" title="Line art">line art</a>, <a href="Graph_of_a_function" title="Graph of a function">mathematical graphs</a>, <a href="Line_chart" title="Line chart">line graphs</a>, <a href="Chart" title="Chart">charts</a>, <a href="Diagram" title="Diagram">diagrams</a>, <a href="Typography" title="Typography">typography</a>, <a href="Number" title="Number">numbers</a>, <a href="Symbol" title="Symbol">symbols</a>, <a href="Geometric" class="mw-redirect" title="Geometric">geometric</a> designs, <a href="Map" title="Map">maps</a>, <a href="Engineering_drawing" title="Engineering drawing">engineering drawings</a>, or other <a href="Image" title="Image">images</a>. Graphics often combine <a href="Character_(computer)" class="mw-redirect" title="Character (computer)">text</a>, <a href="Illustration" title="Illustration">illustration</a>, and <a href="Color" title="Color">color</a>. <a href="Graphic_design" title="Graphic design">Graphic design</a> may consist of the deliberate selection, creation, or arrangement of <a href="Typography" title="Typography">typography</a> alone, as in a brochure, flyer, poster, web site, or book without any other element. The objective can be clarity or effective communication, association with other cultural elements, or merely the creation of a distinctive style.

</p><p>Graphics can be functional or artistic. The latter can be a recorded version, such as a <a href="Photograph" title="Photograph">photograph</a>, or an interpretation by a scientist to highlight essential features, or an artist, in which case the distinction with imaginary graphics may become blurred. It can also be used for architecture.

</p>

<div class="mw-heading mw-heading2"><h2 id="History">History</h2></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="History_of_graphic_design" title="History of graphic design">History of graphic design</a></div>

<p>The earliest graphics known to <a href="Anthropologist" title="Anthropologist">anthropologists</a> studying prehistoric periods are <a href="Cave_painting" title="Cave painting">cave paintings</a> and markings on boulders, bone, ivory, and antlers, which were created during the <a href="Upper_Palaeolithic" class="mw-redirect" title="Upper Palaeolithic">Upper Palaeolithic</a> period from 40,000 to 10,000 <a href="Before_Christ" class="mw-redirect" title="Before Christ">B.C.</a> or earlier. Many of these were found to record astronomical, seasonal, and chronological details. Some of the earliest graphics and drawings are known to the <a href="Modern_world" class="mw-redirect" title="Modern world">modern world</a>, from almost 6,000 years ago, are that of engraved <a href="Stone_tablets" class="mw-redirect" title="Stone tablets">stone tablets</a> and ceramic <a href="Cylinder_seal" title="Cylinder seal">cylinder seals</a>, marking the beginning of the historical periods and the keeping of records for accounting and inventory purposes. Records from Egypt predate these and <a href="Papyrus" title="Papyrus">papyrus</a> was used by the <a href="Ancient_Egypt" title="Ancient Egypt">Egyptians</a> as a material on which to plan the building of <a href="Pyramid" title="Pyramid">pyramids</a>; they also used slabs of <a href="Limestone" title="Limestone">limestone</a> and <a href="Wood" title="Wood">wood</a>. From 600 to 250 BC, the Greeks played a major role in <a href="Geometry" title="Geometry">geometry</a>. They used graphics to represent their mathematical theories such as the Circle Theorem and the <a href="Pythagorean_theorem" title="Pythagorean theorem">Pythagorean theorem</a>.

</p><p>In art, "graphics" is often used to distinguish work in a monotone and made up of lines, as opposed to <a href="Painting" title="Painting">painting</a>.

</p>

<div class="mw-heading mw-heading3"><h3 id="Drawing">Drawing</h3></div>

/* start https://en.wikipedia.org/ */

.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}

/* end https://en.wikipedia.org/ */

</style>

<div role="note" class="hatnote navigation-not-searchable">Main articles: <a href="Drawing" title="Drawing">Drawing</a> and <a href="Technical_drawing" title="Technical drawing">Technical drawing</a></div>

<p><a href="Drawing" title="Drawing">Drawing</a> generally involves making marks on a surface by applying pressure from a tool or moving a tool across a surface. In which a tool is always used as if there were no tools it would be art. Graphical drawing is an instrumental guided drawing.

</p>

<div class="mw-heading mw-heading3"><h3 id="Printmaking">Printmaking</h3></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Printmaking" title="Printmaking">Printmaking</a></div>

<p><a href="Woodblock_printing" title="Woodblock printing">Woodblock printing</a>, including images is first seen in <a href="China" title="China">China</a> after <a href="Paper" title="Paper">paper</a> was invented (about A.D. 105). In the West, the main techniques have been <a href="Woodcut" title="Woodcut">woodcut</a>, <a href="Engraving" title="Engraving">engraving</a> and <a href="Etching" title="Etching">etching</a>, but there are many others.

</p>

<div class="mw-heading mw-heading4"><h4 id="Etching">Etching</h4></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Etching" title="Etching">Etching</a></div>

<p>Etching is an <a href="Intaglio_(printmaking)" title="Intaglio (printmaking)">intaglio</a> method of <a href="Printmaking" title="Printmaking">printmaking</a> in which the image is incised into the surface of a metal plate using an acid. The acid eats the metal, leaving behind roughened areas, or, if the surface exposed to the acid is very thin, burning a line into the plate. The use of the process in printmaking is believed to have been invented by <a href="Daniel_Hopfer" title="Daniel Hopfer">Daniel Hopfer</a> (<abbr title="circa">c.</abbr><span style="white-space:nowrap;"> 1470</span>–1536) of <a href="Augsburg" title="Augsburg">Augsburg</a>, <a href="Germany" title="Germany">Germany</a>, who decorated armour in this way.

</p><p>Etching is also used in the manufacturing of printed circuit boards and semiconductor devices.

</p>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Line_art" title="Line art">Line art</a></div>

<p>Line art is a rather non-specific term sometimes used for any image that consists of distinct straight and curved lines placed against a (usually plain) background, without gradations in <a href="Shading" title="Shading">shade</a> (darkness) or <a href="Hue" title="Hue">hue</a> (<a href="Color" title="Color">color</a>) to represent two-dimensional or three-dimensional objects. Line art is usually monochromatic, although lines may be of different colors.

</p>

<div class="mw-heading mw-heading3"><h3 id="Illustration">Illustration</h3></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Illustration" title="Illustration">Illustration</a></div>

<p>An illustration is a <a href="Visual_system" title="Visual system">visual</a> <a href="Representation_(arts)" title="Representation (arts)">representation</a> such as a <a href="Drawing" title="Drawing">drawing</a>, <a href="Painting" title="Painting">painting</a>, <a href="Photograph" title="Photograph">photograph</a> or other work of <a href="Art" title="Art">art</a> that stresses the subject more than form. The aim of an <a href="Illustration" title="Illustration">illustration</a> is to elucidate or decorate a story, poem or piece of textual information (such as a <a href="Newspaper" title="Newspaper">newspaper</a> article), traditionally by providing a visual representation of something described in the text. The <a href="Editorial_cartoon" class="mw-redirect" title="Editorial cartoon">editorial cartoon</a>, also known as a political cartoon, is an illustration containing a political or social message.

</p><p><a href="Illustration" title="Illustration">Illustrations</a> can be used to display a wide range of subject matter and serve a variety of functions, such as:

</p>

<ul><li>giving faces to characters in a story</li>

<li>displaying a number of examples of an item described in an academic textbook (e.g. A <a href="Typology_(archaeology)" title="Typology (archaeology)">Typology</a>)</li>

<li>visualizing step-wise sets of instructions in a technical manual</li>

<li>communicating subtle thematic tone in a narrative</li>

<li>linking brands to the ideas of human expression, individuality, and creativity</li>

<li>making a reader laugh or smile</li>

<li>for fun (to make laugh) funny</li></ul>

<div class="mw-heading mw-heading3"><h3 id="Graphs">Graphs</h3></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Chart" title="Chart">Chart</a></div>

<div role="note" class="hatnote navigation-not-searchable">See also: <a href="Information_graphics" class="mw-redirect" title="Information graphics">Information graphics</a></div>

<p>A <i>graph</i> or <i>chart</i> is a graphic that represents <a href="Table_(information)" title="Table (information)">tabular</a> or <a href="Number" title="Number">numeric</a> data. Charts are often used to make it easier to understand large quantities of data and the relationships between different parts of the data.

</p>

<div class="mw-heading mw-heading3"><h3 id="Diagrams">Diagrams</h3></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Diagram" title="Diagram">Diagram</a></div>

<p>A diagram is a simplified and structured visual representation of concepts, ideas, constructions, relations, statistical data, etc., used to visualize and clarify the topic.

</p>

<div class="mw-heading mw-heading3"><h3 id="Symbols">Symbols</h3></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Symbol" title="Symbol">Symbol</a></div>

<p>A symbol, in its basic sense, is a representation of a <a href="Concept" title="Concept">concept</a> or quantity; i.e., an <a href="Idea" title="Idea">idea</a>, <a href="Object_(philosophy)" class="mw-redirect" title="Object (philosophy)">object</a>, concept, <a href="Quality_(philosophy)" title="Quality (philosophy)">quality</a>, etc. In more psychological and philosophical terms, all concepts are symbolic in nature, and representations for these concepts are simply token artifacts that are <a href="Allegorical" class="mw-redirect" title="Allegorical">allegorical</a> to (but do not directly codify) a symbolic <a href="Meaning_(semiotics)" title="Meaning (semiotics)">meaning</a>, or <a href="Symbol" title="Symbol">symbolism</a>.

</p>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Map" title="Map">Map</a></div>

<p>A map is a simplified depiction of a <a href="Space" title="Space">space</a>, a navigational aid which highlights relations between objects within that space. Usually, a map is a <a href="2D_geometric_model" title="2D geometric model">two-dimensional, geometrically accurate representation</a> of a <a href="Three-dimensional_space" title="Three-dimensional space">three-dimensional space</a>.

</p><p>One of the first 'modern' maps was made by <a href="Waldseem%C3%BCller" class="mw-redirect" title="Waldseemüller">Waldseemüller</a>.

</p>

<div class="mw-heading mw-heading3"><h3 id="Photography">Photography</h3></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Photography" title="Photography">Photography</a></div>

<p>One difference between photography and other forms of graphics is that a photographer, in principle, just records a single moment in reality, with seemingly no interpretation. However, a photographer can choose the <a href="Field_of_view" title="Field of view">field of view</a> and angle, and may also use other techniques, such as various <a href="Photographic_lens" class="mw-redirect" title="Photographic lens">lenses</a> to choose the view or <a href="Filter_(photography)" class="mw-redirect" title="Filter (photography)">filters</a> to change the colors. In recent times, <a href="Digital_photography" title="Digital photography">digital photography</a> has opened the way to an infinite number of fast, but strong, manipulations. Even in the early days of photography, there was controversy over photographs of enacted scenes that were presented as 'real life' (especially in <a href="War_photography" title="War photography">war photography</a>, where it can be very difficult to record the original events). Shifting the viewer's eyes ever so slightly with simple pinpricks in the negative could have a dramatic effect.

</p><p>The choice of the field of view can have a strong effect, effectively 'censoring out' other parts of the scene, accomplished by cropping them out or simply not including them in the photograph. This even touches on the philosophical question of what reality is. The human brain processes information based on previous experience, making us see what we want to see or what we were taught to see. Photography does the same, although the photographer interprets the scene for their viewer.

</p>

<div class="mw-heading mw-heading3"><h3 id="Engineering_drawings">Engineering drawings</h3></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Engineering_drawing" title="Engineering drawing">Engineering drawing</a></div>

<p>An engineering drawing is a type of <a href="Drawing" title="Drawing">drawing</a> and is technical in nature, used to fully and clearly define requirements for <a href="Engineering" title="Engineering">engineered</a> items. It is usually created in accordance with standardized conventions for layout, nomenclature, interpretation, appearance (such as <a href="Typeface" title="Typeface">typefaces</a> and line styles), size, etc.

</p>

<div class="mw-heading mw-heading3"><h3 id="Computer_graphics">Computer graphics</h3></div>

<div role="note" class="hatnote navigation-not-searchable">Main article: <a href="Computer_graphics" title="Computer graphics">Computer graphics</a></div>

<p>There are two types of computer graphics: <a href="Raster_graphics" title="Raster graphics">raster graphics</a>, where each pixel is separately defined (as in a digital photograph), and <a href="Vector_graphics" title="Vector graphics">vector graphics</a>, where mathematical formulas are used to draw lines and shapes, which are then interpreted at the viewer's end to produce the graphic. Using vectors results in infinitely sharp graphics and often smaller <a href="Computer_file" title="Computer file">files</a>, but, when complex, like vectors take time to render and may have larger file sizes than a raster equivalent.

</p><p>In 1950, the first computer-driven display was attached to MIT's <a href="Whirlwind_(computer)" class="mw-redirect" title="Whirlwind (computer)">Whirlwind I</a> computer to generate simple pictures. This was followed by <a href="MIT" class="mw-redirect" title="MIT">MIT</a>'s <a href="TX-0" title="TX-0">TX-0</a> and <a href="TX-2" title="TX-2">TX-2</a>, <a href="Interactive_computing" title="Interactive computing">interactive computing</a> which increased interest in <a href="Computer_graphics" title="Computer graphics">computer graphics</a> during the late 1950s. In 1962, <a href="Ivan_Sutherland" title="Ivan Sutherland">Ivan Sutherland</a> invented <a href="Sketchpad" title="Sketchpad">Sketchpad</a>, an innovative program that influenced alternative forms of interaction with computers.

</p><p>In the mid-1960s, large computer graphics research projects were begun at <a href="MIT" class="mw-redirect" title="MIT">MIT</a>, <a href="General_Motors_Corporation" class="mw-redirect" title="General Motors Corporation">General Motors</a>, <a href="Bell_Labs" title="Bell Labs">Bell Labs</a>, and <a href="Lockheed_Corporation" title="Lockheed Corporation">Lockheed Corporation</a>. <a href="Douglas_T._Ross" title="Douglas T. Ross">Douglas T. Ross</a> of <a href="MIT" class="mw-redirect" title="MIT">MIT</a> developed an advanced compiler language for graphics programming. <a href="Steven_Anson_Coons" title="Steven Anson Coons">S.A.Coons</a>, also at MIT, and J. C. Ferguson at <a href="Boeing" title="Boeing">Boeing</a>, began work in sculptured surfaces. <a href="General_Motors_Corporation" class="mw-redirect" title="General Motors Corporation">GM</a> developed their <a href="DAC-1" title="DAC-1">DAC-1</a> system, and other companies, such as <a href="Douglas_Aircraft_Company" title="Douglas Aircraft Company">Douglas</a>, <a href="Lockheed_Corporation" title="Lockheed Corporation">Lockheed</a>, and <a href="McDonnell_Aircraft" class="mw-redirect" title="McDonnell Aircraft">McDonnell</a>, also made significant developments. In 1968, <a href="Ray_tracing_(graphics)" title="Ray tracing (graphics)">ray tracing</a> was first described by Arthur Appel of the IBM Research Center, Yorktown Heights, N.Y.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>

</p><p>During the late 1970s, <a href="Home_computer" title="Home computer">home computers</a> became more powerful, capable of drawing both basic and complex shapes and designs. In the 1980s, artists and graphic designers began to see the personal computer as a serious design tool, one that could save time and draw more accurately than other methods.

</p><p><a href="3D_computer_graphics" title="3D computer graphics">3D computer graphics</a> began being used in video games in the 1970s with <i><a href="Spasim" title="Spasim">Spasim</a></i> for the <a href="PLATO_(computer_system)" title="PLATO (computer system)">PLATO</a> system in 1974 and <i><a href="FS1_Flight_Simulator" class="mw-redirect" title="FS1 Flight Simulator">FS1 Flight Simulator</a></i> in 1979. <a href="Atari%2C_Inc." title="Atari, Inc.">Atari, Inc.</a>'s <i><a href="Battlezone_(1980_video_game)" title="Battlezone (1980 video game)">Battlezone</a></i> (1980) exposed 3D graphics to a wide audience. Other wireframe and flat-shaded 3D games appeared throughout the 1980s. <i><a href="Ultima_Underworld%3A_The_Stygian_Abyss" title="Ultima Underworld: The Stygian Abyss">Ultima Underworld: The Stygian Abyss</a></i> (1992) was one of the first major video games with texture-mapped polygons.

</p><p>Computer systems dating from the 1980s and onwards often use a <a href="Graphical_user_interface" title="Graphical user interface">graphical user interface</a> (GUI) to present data and information with symbols, icons, and pictures, rather than text. <a href="3D_computer_graphics" title="3D computer graphics">3D computer graphics</a> and creation tools became more accessible to video game and film developers in the late 1980s with <a href="Silicon_Graphics" title="Silicon Graphics">SGI</a> computers, which were later used to create some of the first fully computer-generated <a href="Short_film" title="Short film">short films</a> at <a href="Pixar" title="Pixar">Pixar</a>.

</p><p><a href="3D_graphics" class="mw-redirect" title="3D graphics">3D graphics</a> became more popular in the 1990s in video games, <a href="Multimedia" title="Multimedia">multimedia</a>, and <a href="Animation" title="Animation">animation</a>. In 1995, <i><a href="Toy_Story" title="Toy Story">Toy Story</a></i>, the first full-length computer-generated animation film, was released in cinemas. Since then, computer graphics have become more accurate and detailed, due to more advanced computers and better <a href="3D_modeling" title="3D modeling">3D modeling</a> software applications, such as <a href="Maya_(software)" class="mw-redirect" title="Maya (software)">Maya</a>, <a href="3D_Studio_Max" class="mw-redirect" title="3D Studio Max">3D Studio Max</a>, and <a href="Cinema_4D" title="Cinema 4D">Cinema 4D</a>. Consumer-level 3D graphics acceleration hardware became common in <a href="IBM_PC_compatible" title="IBM PC compatible">IBM PC compatibles</a> near the end of the decade.

</p><p>Another use of computer graphics is <a href="Screensaver" title="Screensaver">screensavers</a>, originally intended to prevent the layout of much-used <a href="Graphical_user_interface" title="Graphical user interface">GUIs</a> from 'burning into' the computer screen. They have since evolved into true pieces of art, their practical purpose obsolete; modern screens are not susceptible to such artifacts.

</p>

<div class="mw-heading mw-heading3"><h3 id="Web_graphics">Web graphics</h3></div>

<p>In the 1990s, Internet speeds increased, and web browsers capable of viewing images were released, the first being <a href="Mosaic_(web_browser)" class="mw-redirect" title="Mosaic (web browser)">Mosaic</a>. Websites began to use the <a href="Graphics_Interchange_Format" class="mw-redirect" title="Graphics Interchange Format">GIF</a> format to display small graphics, such as banners, advertisements, and navigation buttons, on web pages. Modern <a href="Web_browser" title="Web browser">web browsers</a> can now display <a href="JPEG" title="JPEG">JPEG</a>, <a href="Portable_Network_Graphics" class="mw-redirect" title="Portable Network Graphics">PNG</a> and increasingly, <a href="Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">SVG</a> images in addition to <a href="GIF" title="GIF">GIFs</a> on web pages. <a href="Scalable_Vector_Graphics" class="mw-redirect" title="Scalable Vector Graphics">SVG</a>, and to some extent <a href="Vector_Markup_Language" title="Vector Markup Language">VML</a>, support in some modern web browsers have made it possible to display <a href="Vector_graphics" title="Vector graphics">vector graphics</a> that are clear at any size. <a href="Plug-in_(computing)" title="Plug-in (computing)">Plugins</a> expand the web browser functions to display animated, interactive and <a href="3D_computer_graphics" title="3D computer graphics">3-D graphics</a> contained within file formats such as <a href="SWF" title="SWF">SWF</a> and <a href="X3D" title="X3D">X3D</a>.

</p>

<p>Modern web graphics can be made with software such as <a href="Adobe_Photoshop" title="Adobe Photoshop">Adobe Photoshop</a>, the <a href="GIMP" title="GIMP">GIMP</a>, or <a href="Corel_Paint_Shop_Pro" class="mw-redirect" title="Corel Paint Shop Pro">Corel Paint Shop Pro</a>. Users of <a href="Microsoft_Windows" title="Microsoft Windows">Microsoft Windows</a> have <a href="Paint_(software)" class="mw-redirect" title="Paint (software)">MS Paint</a>, which many find to be lacking in features. This is because MS Paint is a drawing package and <em>not</em> a graphics package.

</p><p>Numerous platforms and websites have been created to cater to web graphics artists and to host their communities. A growing number of people use create internet forum signatures—generally, appearing after a user's post—and other digital artwork, such as photo manipulations and large graphics. With computer games' developers creating their own communities around their products, many more websites are being developed to offer graphics for the fans and to enable them to show their appreciation of such games in their own gaming profiles.

</p>

<p>Graphics are <a href="Visual" class="mw-redirect" title="Visual">visual</a> elements often used to point readers and viewers to particular information. They are also used to supplement text in an effort to aid readers in their understanding of a particular concept or make the concept more clear or interesting. <a href="Popular_culture" title="Popular culture">Popular</a> <a href="Magazine" title="Magazine">magazines</a>, such as <i><a href="Time_(magazine)" title="Time (magazine)">Time</a></i>, <i><a href="Wired_(magazine)" title="Wired (magazine)">Wired</a></i> and <i><a href="Newsweek" title="Newsweek">Newsweek</a></i>, usually contain graphic material in abundance to attract readers, unlike the majority of <a href="Academic_journal" title="Academic journal">scholarly journals</a>. In computing, they are used to create a graphical <a href="User_interface" title="User interface">interface</a> for the user; and graphics are one of the five key elements of <a href="Multimedia" title="Multimedia">multimedia</a> technology. Graphics are among the primary ways of advertising the sale of goods or services.

</p>

<div class="mw-heading mw-heading3"><h3 id="Business">Business</h3></div>

<p>Graphics are commonly used in <a href="Business" title="Business">business</a> and <a href="Economics" title="Economics">economics</a> to create <a href="Financial_chart" class="mw-redirect" title="Financial chart">financial charts</a> and tables. The term <i>business graphics</i> came into use in the late 1970s, when personal computers became capable of drawing graphs and charts instead of using a tabular format. Business graphics can be used to highlight changes over time.

</p>

<div class="mw-heading mw-heading3"><h3 id="Advertising">Advertising</h3></div>

<p>Advertising is one of the most profitable uses of graphics; artists often do advertising work or take advertising potential into account when creating art, to increase the chances of selling the artwork.

</p>

<div class="mw-heading mw-heading3"><h3 id="Political">Political</h3></div>

<p>The use of graphics for overtly political purposes—cartoons, graffiti, poster art, flag design, etc.—is a centuries-old practice which thrives today in every part of the world. The <a href="Northern_Irish_murals" class="mw-redirect" title="Northern Irish murals">Northern Irish murals</a> are one such example. A more recent example is <a href="Shepard_Fairey" title="Shepard Fairey">Shepard Fairey</a>'s 2008 U.S. presidential election <a href="Barack_Obama_%22Hope%22_poster" title="Barack Obama "Hope" poster">Barack Obama "Hope" poster</a>. It was first published on the web, but soon found its way onto streets throughout the United States.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading3"><h3 id="Education">Education</h3></div>

<p>Graphics are heavily used in <a href="Textbook" title="Textbook">textbooks</a>, especially those concerning subjects such as <a href="Geography" title="Geography">geography</a>, <a href="Science" title="Science">science</a>, and <a href="Mathematics" title="Mathematics">mathematics</a>, in order to illustrate theories and concepts, such as the <a href="Human_anatomy" title="Human anatomy">human anatomy</a>. Diagrams are also used to label photographs and pictures.

</p><p><a href="Educational_animation" title="Educational animation">Educational animation</a> is an important emerging field of graphics. Animated graphics have obvious advantages over static graphics when explaining subject matter that changes over time.

</p><p>The <i>Oxford Illustrated Dictionary</i> uses graphics and technical illustrations to make reading material more interesting and easier to understand. In an <a href="Encyclopedia" title="Encyclopedia">encyclopedia</a>, graphics are used to illustrate concepts and show examples of the particular topic being discussed.

</p><p>In order for a graphic to function effectively as an educational aid, the learner must be able to interpret it successfully. This interpretative capacity is one aspect of <a href="Graphicacy" title="Graphicacy">graphicacy</a>.

</p>

<div class="mw-heading mw-heading3"><h3 id="Film_and_animation">Film and animation</h3></div>

<p>Computer graphics are often used in the majority of new feature films, especially those with a large budget. Films that heavily use computer graphics include <a href="The_Lord_of_the_Rings_(film_series)" title="The Lord of the Rings (film series)"><i>The Lord of the Rings</i> film trilogy</a>, the <a href="Harry_Potter_(film_series)" title="Harry Potter (film series)"><i>Harry Potter</i> films</a>, <i><a href="Spider-Man_(2002_film)" title="Spider-Man (2002 film)">Spider-Man</a></i> and <i><a href="War_of_the_Worlds_(2005_film)" title="War of the Worlds (2005 film)">War of the Worlds</a></i>.

</p>

<div class="mw-heading mw-heading2"><h2 id="Graphics_education">Graphics education</h2></div>

<p>The majority of schools, colleges, and universities around the world educate students on the subject of graphic design and art.

</p><p>The subject is taught in a broad variety of ways, each course teaching its own distinctive balance of craft skills and intellectual response to the client's needs.

</p><p>Some graphics courses prioritize traditional craft skills—drawing, printmaking, and typography—over modern craft skills. Other courses may place an emphasis on teaching digital craft skills. Still, other courses may downplay the crafts entirely, concentrating on training students to generate novel intellectual responses that engage with the brief. Despite these apparent differences in training and curriculum, the staff and students on any of these courses will generally consider themselves to be graphic designers.

</p><p>The typical <a href="Pedagogy" title="Pedagogy">pedagogy</a> of a graphic design (or graphic communication, visual communication, graphic arts or any number of <a href="Synonymous" class="mw-redirect" title="Synonymous">synonymous</a> course titles) will be broadly based on the teaching models developed in the <a href="Bauhaus" title="Bauhaus">Bauhaus</a> school in Germany or <a href="Vkhutemas" title="Vkhutemas">Vkhutemas</a> in Russia. The teaching model will tend to expose students to a variety of craft skills (currently everything from drawing to motion capture), combined with an effort to engage the student with the world of <a href="Visual_culture" title="Visual culture">visual culture</a>.

</p>

<div class="mw-heading mw-heading2"><h2 id="Noted_graphic_designers">Noted graphic designers</h2></div>

<p><a href="Aldus_Manutius" title="Aldus Manutius">Aldus Manutius</a> designed the first <a href="Italic_type" title="Italic type">italic type</a> style which is often used in <a href="Desktop_publishing" title="Desktop publishing">desktop publishing</a> and <a href="Graphic_design" title="Graphic design">graphic design</a>. <a href="April_Greiman" title="April Greiman">April Greiman</a> is known for her influential <a href="Poster" title="Poster">poster</a> design. <a href="Paul_Rand" title="Paul Rand">Paul Rand</a> is well known as a design pioneer for designing many popular corporate logos, including the logo for <a href="IBM" title="IBM">IBM</a>, <a href="NeXT" title="NeXT">NeXT</a> and <a href="United_Parcel_Service" title="United Parcel Service">UPS</a>. <a href="William_Caslon" title="William Caslon">William Caslon</a>, during the mid-18th century, designed many typefaces, including <i>ITC Founder's Caslon</i>, <i>ITC Founder's Caslon Ornaments</i>, <i>Caslon Graphique</i>, <i>ITC Caslon No. 224</i>, <i>Caslon Old Face</i> and <i>Big Caslon</i>.

</p>

<ul><li><a href="Editorial_cartoon" class="mw-redirect" title="Editorial cartoon">Editorial cartoon</a></li>

<li><a href="Visualization_(graphics)" title="Visualization (graphics)">Visualization (graphics)</a></li>

<li><a href="Semiotics" title="Semiotics">Semiotics</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="References">References</h2></div>

/* start https://en.wikipedia.org/ */

.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}

/* end https://en.wikipedia.org/ */

</style><div class="reflist">

/* start https://en.wikipedia.org/ */

.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("./mw/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("./mw/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("./mw/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("./mw/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}

/* end https://en.wikipedia.org/ */

</style><cite id="CITEREFAppel1968" class="citation book cs1">Appel, Arthur (1968). "Some techniques for shading machine renderings of solids". <i>Proceedings of the April 30--May 2, 1968, spring joint computer conference on - AFIPS '68 (Spring)</i>. p. 37. <a href="Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<a rel="nofollow" class="external text" href="https://doi.org/10.1145%2F1468075.1468082">10.1145/1468075.1468082</a>. <a href="S2CID_(identifier)" class="mw-redirect" title="S2CID (identifier)">S2CID</a> <a rel="nofollow" class="external text" href="https://api.semanticscholar.org/CorpusID:207171023">207171023</a>.</cite></span>

</li>

<li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text">Heller, Steven and Chwast, Seymour (2011). <i>Graphic Style: From Victorian to New Century</i>. Abrams.</span>

</li>

</ol></div></div>

<div class="mw-heading mw-heading2"><h2 id="External_links">External links</h2></div>

/* start https://en.wikipedia.org/ */

.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:var(--background-color-interactive-subtle,#f8f9fa);display:flow-root}.mw-parser-output .infobox .side-box{font-size:100%}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1;min-width:0}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}

/* end https://en.wikipedia.org/ */

</style><style data-mw-deduplicate="TemplateStyles:r1237033735">

/* start https://en.wikipedia.org/ */

@media print{body.ns-0 .mw-parser-output .sistersitebox{display:none!important}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}

/* end https://en.wikipedia.org/ */

</style><div class="side-box side-box-right sistersitebox"><style data-mw-deduplicate="TemplateStyles:r1126788409">

/* start https://en.wikipedia.org/ */

.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}

/* end https://en.wikipedia.org/ */

</style>

<div class="side-box-text plainlist">Look up <i><b><a href="https://en.wiktionary.org/wiki/graphics" class="extiw external" title="wiktionary:graphics">graphics</a></b></i> in Wiktionary, the free dictionary.</div></div>

</div>

<div class="side-box-text plainlist">Wikimedia Commons has media related to <span style="font-weight: bold; font-style: italic;"><a href="https://commons.wikimedia.org/wiki/Category:Graphics" class="extiw external" title="commons:Category:Graphics">Graphics</a></span>.</div></div>

</div>

<ul><li><a rel="nofollow" class="external text" href="https://web.archive.org/web/20080310082944/http://design.osu.edu/carlson/history/timeline.html">A Historical Timeline of Computer Graphics and Animation</a></li></ul>

<p><br>

</p>

/* start https://en.wikipedia.org/ */

.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}

/* end https://en.wikipedia.org/ */

</style><style data-mw-deduplicate="TemplateStyles:r1236075235">

/* start https://en.wikipedia.org/ */

.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}

/* end https://en.wikipedia.org/ */

</style><style data-mw-deduplicate="TemplateStyles:r1038841319">

/* start https://en.wikipedia.org/ */

.mw-parser-output .tooltip-dotted{border-bottom:1px dotted;cursor:help}

/* end https://en.wikipedia.org/ */

</style></div><div role="navigation" class="navbox authority-control" aria-labelledby="Authority_control_databases_frameless&#124;text-top&#124;10px&#124;alt=Edit_this_at_Wikidata&#124;link=https&#58;//www.wikidata.org/wiki/Q1027879#identifiers&#124;class=noprint&#124;Edit_this_at_Wikidata1267" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="Authority_control_databases_frameless&#124;text-top&#124;10px&#124;alt=Edit_this_at_Wikidata&#124;link=https&#58;//www.wikidata.org/wiki/Q1027879#identifiers&#124;class=noprint&#124;Edit_this_at_Wikidata1267" style="font-size:114%;margin:0 4em">Authority control databases </div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">National</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><ul><li><span class="uid"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4021845-4">Germany</a></span></li><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="Graphic arts"><a rel="nofollow" class="external text" href="https://id.loc.gov/authorities/sh85056474">United States</a></span></span></li><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="grafika"><a rel="nofollow" class="external text" href="https://aleph.nkp.cz/F/?func=find-c&local_base=aut&ccl_term=ica=ph120598&CON_LNG=ENG">Czech Republic</a></span></span></li><li><span class="uid"><a rel="nofollow" class="external text" href="https://www.nli.org.il/en/authorities/987007538432105171">Israel</a></span></li></ul></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"><ul><li><span class="uid"><a rel="nofollow" class="external text" href="https://hls-dhs-dss.ch/fr/articles/011169">Historical Dictionary of Switzerland</a></span></li><li><span class="uid"><a rel="nofollow" class="external text" href="https://lux.collections.yale.edu/view/concept/c4925c56-6874-4407-bff8-b4da590bf8fc">Yale LUX</a></span></li></ul></div></td></tr></tbody></table></div></div><div><div class="zim-footer">

This article is issued from <a class="external text" title="Last edited on 2025-07-31" href="https://en.wikipedia.org/wiki/?title=Graphics&oldid=1303583170">Wikipedia</a>. The text is available under <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">Creative Commons Attribution-Share Alike 4.0</a> unless otherwise noted. Additional terms may apply for the media files.

</div>

</div></div>

</div>

</main>

</div>

</body></html>